<style scoped lang="scss">
	.empty {
		position: absolute;
		width: 100%;
		height: calc(100% - 100px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		.icon {
			height: 85px;
			font-size: 60px;
			color: #777;
		}
		.image {
			width: 70px;
			height: 70px;
		}
		.title {
			color: #777;
		}
	}
</style>
<template>
    <view class="empty">
    	<text v-bind:class="['icon', icon]"></text>
    	<view class="title">
    		暂无记录
    	</view>
    </view>
</template>
<script>
export default {
    name: 'XyEmpty',
    props: {
		icon: {
			type: String,
			default: 'xyicon xyicon-empty'
		}
    },
    data() {
        return {
        }
    },
    created: function () {
    },
    methods: {
    }
}
</script>
